<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
</script>
<style>
	$(".xinxi tr").mouseover(function){
		color: gray;
	}
	.logo{
		background-image:url(images/hyd_logo.png);
		background-repeat:repeat-y;
		border:1px solid black;
		background-color: gray;
		width:860px;
		height:80px;
		margin:auto;
		position: relative;
	}
	.logo h1{
		color:white;
		position:absolute; 
		font-size:20px;
		margin-left: 180px;
	}
	.logo button{
		color: green
		width:40px;
		height:20px;
		position:absolute; 
		margin-left: 780px;
		margin-top: 20px;
	}
	.demo{
		width:860px;
		height: 420px;
		margin:auto;
	}
	.demo01,.demo02,.demo03{
		float:left;
	}
	.demo01{
		width:153px;
		height:400px;
		background-color:highlight;
		border:1px solid gray;
		margin-top:5px;
	}
	.leixin{
		font-size: 18px;
		margin: 20px auto;
	}
	a{
		color:background;
		text-decoration:none;
	}
	.demo02{
		width:698px;
		height: 400px;
		background-color:#dafdf3;
		border:1px solid gray;
		margin-top:5px;
		margin-left: 5px;
	}
	.demo02 p{
		color: graytext;
		margin-top:-1px;
	}
	.table{
		border-collapse:collapse;
	}
	.table tr td{
		border: 1px solid gray;
		height:30px;
		font-size: 12px;
		text-align: center
	}
	.table button{
		width: 40px;
		font-size: 8px;
	}
	.leixin{
		color: blue;
	}
	.no1{
		width: 60px;
	}
	.no2{
		width: 60px;
	}
	.no3{
		width: 80px;
	}
	.no4{
		width: 80px;
	}
	.no5{
		width: 90px;
	}
	.no6{
		width: 60px;
	}
	.no7{
		width: 70px;
	}
	.no8{
		width: 180px;
	}
	.xinxi tr:hover{background-color: gray;}/* 鼠标悬浮变色 */
	
	.yema{
		width:250px;
		height:20px;
		font-size: 12px; 
		margin:auto;
	}
	.banquan{
		width: 860px;
		height: 50px;
		background-color: gray;
		margin:auto;
		border:1px solid black;
		margin-top: -5px;
	}
	.banquan p{
		text-align: center;
		font-size: 12px;
		margin-top: -1px;
	}
	


</style>
</head>
<body>
	<!-- logo区 -->
	<div class="logo" >	
		<h1>好易贷初审管理系统</h1>
		<button>退出</button>
	</div>
	<!-- 内容区 -->
	<div class="demo"  onclick="tt()">
		<!-- 模块1区 -->
		<div class="demo01">
			<ul class="type">
				<li class="leixin"><a href="chuShen01.jsp">信用贷款</a></li>
				<li class="leixin"><a href="chuShen02.jsp">抵押贷款</a></li>	
				<li class="leixin"><a href="chuShen03.jsp">公司贷款</a>	</li>
			</ul>
		</div>
		<!-- 模块2区 -->
		<div class="demo02">
			<p><b>公司贷款用户</b></p>
			<table class="table">
				<thead class="leixin">
				<tr>
					<td class="no1">编号</td>
					<td class="no2">姓名</td>
					<td class="no3">产品类型</td>
					<td class="no4">金额(元)</td>
					<td class="no5">申请时间</td>
					<td class="no6">客户级别</td>
					<td class="no7">状态</td>
					<td class="no8">操作</td>
				</tr>
				</thead>
				<thead class="xinxi">
				<tr>
					<td>001</td>
					<td>cxj</td>
					<td>公司贷</td>
					<td>200000</td>
					<td>2018-2-2</td>
					<td>普通</td>
					<td>待操作</td>
					<td><button>信息</button>
						<button>驳回</button>
						<button>通过</button></td>
				</tr>
				</thead>
			</table>
			<!-- 页码区 -->
			<div class="yema">
				<span id="spanFirst">首页</span>
				<span id="spanPre">上一页</span>
				<span id="spanNext">下一页</span> 
				<span id="spanLast">尾页</span> 
				第<span id="spanPageNum"></span>页/共<span id="spanTotalPage"></span>页 
			</div>

			
		</div>
	</div>
	<!-- 版权区 -->
	<div class="banquan">
		<p>版权所有，盗版必究</p>
		<p>http://www.zhiling.com</p>
	</div>

 


</body>
</html>